<template>
  <div class="dep-container">
    <div class="dep-container">
      <depandcenter :deps="deps" :homecarouselimg="homecarouselimg"></depandcenter>
    </div>
  </div>
</template>

<script>
import carousel from "../subcomponents/Carousel.vue";
import depandcenter from "../subcomponents/DepAndCenter.vue";
export default {
  data() {
    return {
      deps: [
        {
          id: 1,
          name: "体育竞赛中心",
          desc:
            "体育竞赛中心以服务、统筹、管理学校22家体育类社团为宗旨，负责日常活动及场地申报和监督，配合部门完成工作。中心主要致力于组织和参与各项体育赛事，协助社团开展日常活动，引导社团内部及社团之间和谐发展。",
          path: require("../assets/img/depimg/center/tijing.jpg"),
          router: "/comunitydisplay/sport"
        },
        {
          id: 2,
          name: "志愿服务中心",
          desc:
            "中心这些年来还一直运行着南京工业大学地铁站及金陵图书馆的志愿活动。我们想给同学们提供更多做志愿的机会，丰富大家的课余生活，推动校园文化建设。我们也始终致力于为同学们构建一个完善的志愿服务平台！",
          path: require("../assets/img/depimg/center/zhiyuan.jpg"),
          router: "/comunitydisplay/volunteer"
        },
        {
          id: 3,
          name: "文娱艺术中心",
          desc:
            "中心管辖的二十家社团囊括了舞蹈、音乐、美术等多个艺术领域。主要负责举办和参与学校的各类文艺活动，引领校园文化的潮流，丰富大学生的精神文化生活，提升大学生的文化艺术修养。",
          path: require("../assets/img/depimg/center/wenyu.jpg"),
          router: "/comunitydisplay/recreation"
        },
        {
          id: 4,
          name: "社会科学中心",
          desc:
            "社科在每学年的两场晚会中主要负责最后 压轴节目的编排 ，且每学期会开展 时政小论坛话 说时事热点。热忱、专注、有态度，社科是一个既有深度又有热度的部门。和你一起共度欢乐！",
          path: require("../assets/img/depimg/center/sheke.jpg"),
          router: "/comunitydisplay/society"
        },
        {
          id: 5,
          name: "创意创业中心",
          desc:
            "创得幽斋兴有余，意徘徊而不能啼。等闲平地起波澜，你却仍在百花间。当你来到这里，我们敞开欢迎你的大门，诉说我们的故事，写下你们的故事。来年，你们敞开大门，诉说你们的故事，写下他们的故事，薪火永流传。",
          path: require("../assets/img/depimg/center/chuangyi.jpg"),
          router: "/comunitydisplay/creativity"
        },
        {
          id: 6,
          name: "文学语言中心",
          desc:
            "我追寻的你，是深情，是澎湃，是被光与尘凝固的旧光影。蓦然回首，是你，文学语言中心，恰在那灯火阑珊处，期待着一场无悔的邂逅我们是文学语言中心啦啦啦～看这边！文学语言中心供君品尝！",
          path: require("../assets/img/depimg/center/wenxue.jpg"),
          router: "/comunitydisplay/literature"
        }
      ],
      homecarouselimg: [
        {
          id: 1,
          path: require("../assets/img/depimg/center/center1.jpg")
        },
        {
          id: 2,
          path: require("../assets/img/depimg/center/center2.jpg")
        },
        {
          id: 3,
          path: require("../assets/img/depimg/center/center3.jpg")
        }
      ]
    };
  },
  components: {
    carousel,
    depandcenter
  }
};
</script>

<style lang="scss" scoped>
header {
  padding-bottom: 56px;
  .bg-dark {
    background-color: #2891c8 !important;
  }
}
.btn-outline-success {
  border: blue;
}
.row {
  img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
  }
  .col-lg-4 {
    text-align: center;
  }
  .btn {
    text-align: center;
  }
  .btn-secondary {
    color: #fff;
    background-color: #2891c8;
    border-color: #2891c8;
  }
  .btn-secondary:hover {
    background-color: #007bff;
  }
  p {
    font-size: 14px;
    line-height: 20pt;
    text-align: justify;
  }
  span {
    text-align: center;
  }
}
</style>